<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>简单OA系统</title>
	<link rel="stylesheet" href="${basePath}/resources/css/reset.css" type="text/css" />
	<link rel="stylesheet" href="${basePath}/resources/css/style.css" type="text/css" />
	<link rel="stylesheet" href="${basePath}/resources/css/left.css" type="text/css" />

	<script type="text/javascript" src="${basePath}/resources/scripts/jquery-1.6.2.js"></script>
	<script type="text/javascript" src="${basePath}/index.js"></script>
</head>

<body onbeforeunload="onClose();">

	<div id="sidebar" style="float: left;">
		<div id="sidebar-wrapper"> <!-- Sidebar with logo and menu -->
		
		<h1 id="sidebar-title"><a href="#">简单OA系统</a></h1>
	  
		<!-- Logo (221px wide) -->
		<a href="#"><img id="logo" src="resources/images/logo.png"/></a>
	  
		<!-- Sidebar Profile links -->
		<div id="profile-links">
			欢迎回来 <a href="#" title="系统管理员">${userinfo.name}</a><br />
			您有 <a href="#messages" rel="modal">2条未读消息</a><br />
			<br />
			<a href="#" title="个人中心">个人中心</a> | <a href="${basePath}/logout" title="退出登陆">退出</a>
		</div>        
		
		<ul id="main-nav">  <!-- Accordion Menu -->
			
			<li>
				<a href="${basePath}/home" class="nav-top-item no-submenu current">首页</a>
			</li>
			
			<li>
				<a href="#" class="nav-top-item">任务</a>
				<ul>
					<li><a href="${basePath}/task/Task/index">我的任务</a></li>
					<li><a href="">全部任务</a></li>
					<li><a href="">任务统计</a></li>
				</ul>
			</li>
			
			<li>
				<a href="#" class="nav-top-item">记事本</a>
				<ul>
					<li><a href="">新建记事本</a></li>
					<li><a href="">管理记事本</a></li>
				</ul>
			</li>
			
			<li>
				<a href="#" class="nav-top-item">系统选项</a>
				<ul>
					<li><a href="">个人中心</a></li>
					<li><a href="">我的文件</a></li>
					<li><a href="">安全设置</a></li>
				</ul>
			</li>
			
		</ul> <!-- End #main-nav -->

		<div id="messages" style="display: none"> <!-- Messages are shown when a link with these attributes are clicked: href="#messages" rel="modal"  -->
			<h3>2条未读消息</h3>
			<p>
				<strong>2009-06-17 12:30 by 张三</strong><br />
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
				<small><a href="#" class="remove-link">删除</a></small>
			</p>
			<p>
				<strong>2009-06-02 09:10 by 李四</strong><br />
				Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
				<small><a href="#" class="remove-link">删除</a></small>
			</p>
			<form action="" method="post">
				<h4>发送消息</h4>
				<fieldset>
					<textarea class="textarea" name="textfield" cols="79" rows="5"></textarea>
				</fieldset>
				<fieldset>
					<select name="dropdown" class="small-input">
						<option value="option1">张三</option>
						<option value="option2">李四</option>
						<option value="option3">王麻子</option>
					</select>
					<input class="button" type="submit" value="发&nbsp;&nbsp;送" />
				</fieldset>
			</form>
		</div> <!-- End #messages -->

		</div>
	</div> <!-- End #sidebar -->

	<iframe id="main-iframe" name="main-iframe" src="about:blank"></iframe>

</body>
</html>
